<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>竞猜足球</title>
    <link rel="stylesheet" href="./css/mim-common.css" type="text/css">
    <link rel="stylesheet" href="./css/index.css" type="text/css">
</head>
<body>
<div class="ball_div">
    <mim-container>
        <mim-header style="background: #f4f4f4">
            <mim-row>
                <mim-col span="12" style="font-size: 35px;font-weight: bold;text-align: center">竞猜足球</mim-col>
                <mim-col span="12" style="text-align: right">
                    <mim-select bool="false" id="timeSelect" placeholder="请选择日期"></mim-select>
                    <div style="display: inline-block;margin-left: 20px">
                        <span class="user"></span>，<span class="out" onclick="goToLogin()">【退出】</span>
                    </div>
                </mim-col>
            </mim-row>
        </mim-header>
        <mim-main style="overflow-y: scroll;height: calc(68vh);overflow-x: hidden">
            <mim-table style="width: 100%" stripe="true" border="true">
                <table class="mim-table mim-table-header-wrapper">
                    <tr>
                        <th class="is-leaf" width="100">
                            <div class="cell">编号</div>
                        </th>
                        <th class="is-leaf" width="100">
                            <div class="cell">赛事</div>
                        </th>
                        <th class="is-leaf" width="110">
                            <div class="cell">开赛时间</div>
                        </th>
                        <th class="is-leaf" width="300">
                            <div class="cell">主队vs客队</div>
                        </th>
                        <th class="is-leaf" width="300">
                            <div class="cell">（竞彩官方）即时欧赔</div>
                        </th>
                        <th class="is-leaf" width="150">
                            <div class="cell">比赛结果</div>
                        </th>
                        <th class="is-leaf" width="150">
                            <div class="cell">预测结果</div>
                        </th>
                        <th class="is-leaf" width="100">
                            <div class="cell">是否红单</div>
                        </th>
                        <th class="is-leaf">
                            <div class="cell"></div>
                        </th>
                    </tr>
                </table>
                <table class="mim-table mim-table-body-wrapper list">
                   <!--<tr>
                        <td class="is-leaf" width="100">
                            <div class="cell">周一001</div>
                        </td>
                        <td class="is-leaf" width="100">
                            <div class="cell">瑞超</div>
                        </td>
                        <td class="is-leaf" width="110">
                            <div class="cell">07-14 01:00</div>
                        </td>
                        <td class="is-leaf" width="350">
                            <div class="cell">[14]卡尔马 VS 埃夫斯堡[7]</div>
                        </td>
                        <td class="is-leaf" width="100">
                            <div class="cell">0:0</div>
                        </td>
                        <td class="is-leaf" width="150">
                            <div class="cell">平 让胜（1）</div>
                        </td>
                        <td class="is-leaf" width="100">
                            <div class="cell">红</div>
                        </td>
                        <td class="is-leaf">
                            <div class="cell" style="text-align: center">
                                <mim-button type="primary" size="medium">点击预测</mim-button>
                            </div>
                        </td>
                    </tr>-->
                </table>
            </mim-table>
        </mim-main>
    </mim-container>
</div>

<script src="./js/jquery-3.3.1.min.js"></script>
<script src="./js/mim-common.js"></script>
<script src="./js/index.js"></script>
<script>
    function goToLogin() {
        window.location.href = './html/login.html';
        window.localStorage.clear();
    }

    //手机进入的页面
    $(function () {
        var key_time = '';
        initializeTime();
        function initializeTime() {
            var time = new Date();
            var year = time.getFullYear();
            var month = time.getMonth() + 1;
            var day = time.getDate();
            month = month < 10 ? "0" + month : month;
            day = day < 10 ? "0" + day : day;
            key_time = year + '-' + month + '-' + day;
        }
        function check() {
            var userAgentInfo = navigator.userAgent;
            var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
            var flag = true;
            for (var v = 0; v < Agents.length; v++) {
                if (userAgentInfo.indexOf(Agents[v]) > 0) {
                    flag = false;
                    break;
                }
            }
            return flag;
        }
        var wx = (function () {
                return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1
            }
        )();
        if (wx) {
            window.location.href = "./html/h5-index-login.html?"+key_time
        } else {
            if (check()) {

            } else {
                window.location.href = "./html/h5-index-login.html?"+key_time
            }
        }
    });
</script>
</body>
</html>
